import React, { useEffect, useState } from 'react';
import {
  Tabs,
  Input,
  Form,
  DatePicker,
  ConfigProvider,
  Select,
  Button,
  Divider,
  Pagination,
} from 'antd';
import zhCN from 'antd/es/locale/zh_CN';
import dayjs from 'dayjs';
import { history, KeepAlive } from 'umi';
import styles from './index.less';
import MyReportManage from './MyReportManage/index';
import CompareReportManager from './CompareReportManager/index';
import VersionComparison from './VersionComparison/index'

const GameReportsManage = (props) => {
  const tabs = [
    {
      key: '1',
      label: '版本报告',
      children: <VersionComparison />,
    },
    {
      key: '2',
      label: '对比报告',
      children: <CompareReportManager />,
    },
    {
      key: '3',
      label: '我的报告',
      children: <MyReportManage />,
    },
  ];

  return (
    <div className={styles.gameReportsManageWarp}>
      <KeepAlive when={true}>
        <div>
          <Tabs defaultActiveKey="1" items={tabs} />
        </div>
      </KeepAlive>
    </div>
  );
};

export default GameReportsManage;
